<template>
  <el-tabs type="border-card" v-model="activeName">
    <el-tab-pane label="仓库设置" name="warehouse">
      <Warehouse />
    </el-tab-pane>
    <el-tab-pane label="库区设置" name="area">
      <WarehouseArea />
    </el-tab-pane>
    <el-tab-pane label="库位设置" name="position">
      <WarehousePosition />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
import { ref } from 'vue';
import Warehouse from '../warehouse/warehouse.vue'; // 仓库设置组件
import WarehouseArea from '../warehouse/warehousearea.vue'; // 库区设置组件
import WarehousePosition from '../warehouse/warehousearealocal.vue'; // 库位设置组件

//设置默认的标签页
const activeName = ref('warehouse'); // 默认激活的标签页
</script>

<style scoped>
</style>